<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>广告小圆点</title>
		<style type="text/css">
			.ad-position{
				width: 600px;
				height: 100px;
				border: solid red 2px;
				text-align: right;
				background-color: pink;
			}
			.ad-position a{
				display: inline-block;
				width: 50px;
				height: 50px;
				border: solid 2px rgba(0,0,0,.4);
				border-radius: 25px;
				margin-right:20px;
			}
			.ad-position .dot1{
				background-color: rgba(255,255,255,1);
			}
		</style>
	</head>
	<body>
		<div class="ad-position">
			<a href="#" class="dot1"></a>
			<a href="#" class="dot2"></a>
			<a href="#" class="dot3"></a>
		</div>
	</body>
</html>
